@color: #e4e4e4;
@bg-color: #fff;




*{
	padding: 0;
	margin: 0;
}
a{

	text-decoration: none;
}
li{
	list-style: none;
}
.clearfloat:after{
	display: block;
	content: "";
	clear: both;
}
// 
// .weui-tab{
// 	.weui-navbar{
// 		bottom: 0;
// 	}
// }
body{
	background-color: #F5F5F5;
}
.kong{
	height: 44px;
}
// 导航栏
.weui-search-bar{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
	background-color: #fff;
	.weui-search-bar__form{
		div{
			i:before{
				margin: 0 0 0 5px;
			}
		}
		background-color: transparent;
		label{
			text-align: left;
			border-radius: 30px;
			// border: 1px solid #d7d7d7;
			span{
				font-weight: normal;
			}
		}
		&:after{
			border-radius: 30px !important;
			border: 1px solid #d7d7d7;
		}
	}
}
.content{
	ul{
		li{
			background-color: @bg-color;
			margin: 4px 0;
			.left{
				float: left;
				position: relative;
				padding: 0 3px;
				p{
					float: left;
					text-align: center;
					height: 120px;
					line-height: 120px;
					padding: 0 10px;
					.tui_checkbox {
						width:25px;
						height:25px;
						background-color:#ffffff;
						border:solid 1px #9F9CA9;
						-webkit-border-radius:50%;
						border-radius:50%;
						font-size:0.8rem;
						margin:0;
						padding:0;
						margin-top: 60px;
						position:relative;
						display:inline-block;
						vertical-align:top;
						cursor:default;
						-webkit-appearance:none;
						-webkit-user-select:none;
						user-select:none;
						-webkit-transition:background-color ease 0.1s;
						transition:background-color ease 0.1s;
						outline: 0;
					}
					.tui_checkbox:checked::after {
						content:'';
						top:5px;
						left:5px;
						position:absolute;
						background:transparent;
						border:#fff solid 2px;
						border-top:none;
						border-right:none;
						height:6px;
						width:10px;
						-moz-transform:rotate(-45deg);
						-ms-transform:rotate(-45deg);
						-webkit-transform:rotate(-45deg);
						transform:rotate(-45deg);
					}
					.tui_checkbox:checked{
						background:#E84B2A;
					}
				}
				.fbox{
					float: left;
					padding: 12px 0;
					// width: 120px;
					height: 120px;
					img{
						width: 120px;
						height: 120px;
					}
				}
			}
			
			.word{
				float: left;
				padding: 12px 0 12px 12px;
				h3{
					height: 23px;
					line-height: 23px;
					font-size: 16px;
					a{
						font-weight: bold;
						color: #333333;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						overflow: hidden;
					}
				}
				p{
					font-size: 12px;
    				line-height: 23px;
				}
				.cart-price{
					font-size: 16px !important;
				    font-weight: bold;
				    color: #e84b2a;
				}
				.p-num{
				    width: 95px;
				    height: 25px;
				    position: relative;
				    display: inline-block;
				    span{
			    	    width: 25px;
					    height: 25px;
					    line-height: 25px;
					    text-align: center;
					    display: block;
					    position: absolute;
					    top: 0;
					    font-size: 12px;
					    border: none;
					    background: #f1f1f1;
					    cursor: pointer;
					    color: #666666;
				    }
				    .sy-minus{
				    	width: 25px;
						height: 25px;
						line-height: 25px;
						text-align: center;
						display: block;
						position: absolute;
						top: 0;
						font-size: 12px;
						border: none;
						background: #f1f1f1;
						cursor: pointer;
						color: #666666;
				    }
				    .sy-num{
				    	    width: 25px;
						    height: 25px;
						    line-height: 25px;
						    text-align: center;
						    position: absolute;
						    top: 0;
						    left: 35px;
						    padding: 0;
						    margin: 0;
						    border: none;
						    background: #f1f1f1;
						    font-size: 12px;
						    color: #999999
				    }
				    .sy-plus{
				    	right: 0;
    					border-left: 1px solid #ffffff;
				    }
				}
			}
		}
	}
}











.three{
	background-color: @bg-color;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	a{
		color: #666;
		margin: 5px 0;
		width: 33.3%;
		float: left;
		text-align: center;
		p{
			margin: 0;
		}
	}
	&>a:first-child{
		color: #E84B2A;
	}
}

.kong1{
	height: 30px;
}
// 认养
.btn-suspension{
	position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 1;
    a{
    	text-align: center;
	    text-decoration: none;
	    display: block;
	    width: 48px;
	    height: 48px;
	    border-radius: 100%;
	    background: #e84b2a;
	    i{
	    	font-size: 18px;
    		color: #ffffff;
    		.icon-add:before {
			    content: "\e623";
			}
	    }
	    span{
			display: block;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			line-height: 1;
	    }
    }
}